<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- <script src="./myaxios.js"></script> -->
    <!-- <script src="./axios.min.js"></script> -->
  </head>

  <body>
    <h1>基本版本的axios</h1>
    <button>点击我发送请求</button>

    <script type="module">
      import axios from "./myaxios.js";
      let btn = document.querySelector("button");
      console.dir(axios);
      btn.onclick = async function () {
        // let res = await axios({
        //     url: "/getdata",
        //     // params: {
        //     //     a: 1,
        //     //     b: 2
        //     // }
        //     method:"post",
        //     data:{
        //         a:10,
        //         b:20
        //     }
        // });
        // // axios.get  axios.post  axios.put  ...
        // console.log(res);

        // let {data} = await axios.get("/getdata",{});
        // console.log(data);
        let { data } = await axios.post("/getdata", {}, {});
        console.log(data);
      };

      console.dir(axios);
      axios.interceptors.request.use(
        function (config) {
          console.log(111);
          return config;
        },
        function () {}
      );
      axios.interceptors.request.use(
        function (config) {
          console.log(222);
          return config;
        },
        function () {}
      );
      console.log(axios.interceptors);

      axios.interceptors.response.use(
        function (response) {
          console.log(333);
          return response;
        },
        function () {}
      );
      // 请求拦截器
      // axios.interceptors.request.use(function(config){
      //     console.log("执行了请求拦截器")
      //     return config;
      // },function(err){
      //     return Promise.reject(err);
      // })
      // // 返还拦截器
      // axios.interceptors.response.use(function(response){
      //     console.log("执行了返还拦截器");
      //     return response;
      // },function(err){
      //     return Promise.reject(err);
      // })
    </script>
  </body>
</html>
